<!DOCTYPE html>
<html lang="en" class="dark">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="Cache-Control" content="no-transform" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="white" />
		<meta name="format-detection" content="telephone=no,email=no,address=no" />
		<meta name="renderer" content="webkit" />
		<script src="https://lf1-cdn-tos.bytegoofy.com/obj/iconpark/icons_22414_52.da92cc17c4a8042649d9dcbfefdd60a3.js"></script>
		<link rel="icon" href="/favicon.ico" />
		<title><%- TITLE %></title>
		<%- injectScript %>
		<style type="text/css">
			html,
			body {
				font-size: 14px;
				height: 100%;
				font-family: HarmonyOS Sans SC var(--el-font-family);
				color: var(--el-text-color-primary);
				overflow: hidden;
				padding: 0;
				margin: 0;
			}

			#app {
				width: 100%;
				height: 100%;
				overflow: hidden;
				background-color: #10131d;
				/* background: url('./src/assets/img/layout/background.png') no-repeat; */
				background-size: 100% 100%;
			}
		</style>
	</head>

	<body>
		<noscript>
			<strong>We're sorry but vue3 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
		</noscript>
		<div id="app"></div>
	</body>
	<script type="module" src="/src/main.js"></script>
</html>
